/*
 * @Author: xiaosihan 
 * @Date: 2023-12-11 16:48:51 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-10-30 22:00:26
 */

.hospitalInfo {
    position: absolute;
    width: 480px;
    height: 867px;
    left: 1900px;
    top: 0px;
    background-image: url(./city_list.png);

    .close {
        position: absolute;
        width: 20px;
        height: 20px;
        left: 434px;
        top: 41px;
        cursor: pointer;
    }

    .title {
        font-family: YouSheBiaoTiHei;
        color: #ffffff;
        text-align: center;
        font-size: 28px;
        height: 74px;
        line-height: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 80%;
        margin: 0 auto;
    }

    .subTitle {
        font-family: YouSheBiaoTiHei;
        color: #41bdf5;
        font-size: 26px;
        height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 80%;
        margin: 0 auto;
    }


    // 风险分数
    .risk_score {
        position: absolute;
        color: #3FB9F0;
        left: 140px;
        top: 75px;
        font-size: 24px;
        font-family: numberFamily;
    }

    // 风险排名 
    .risk_ranking {
        position: absolute;
        color: #3FB9F0;
        left: 355px;
        top: 76px;
        font-size: 24px;
        font-family: numberFamily;
    }

    // 床位数
    .bed_number {
        position: absolute;
        color: #3FB9F0;
        left: 132px;
        top: 114px;
        font-size: 22px;
        font-family: YouSheBiaoTiHei;
    }

    // 超床位住院占比
    .bed_utilization_rate {
        position: absolute;
        color: #3FB9F0;
        left: 309px;
        top: 114px;
        font-size: 22px;
        font-family: YouSheBiaoTiHei;
    }

    // 在院人数
    .number_people_in_hospital {
        position: absolute;
        color: #3FB9F0;
        left: 135px;
        top: 177px;
        font-size: 22px;
        font-family: YouSheBiaoTiHei;
    }

    // 在院人数波动率
    .volatility {
        position: absolute;
        color: #3FB9F0;
        left: 309px;
        top: 177px;
        font-size: 22px;
        font-family: YouSheBiaoTiHei;
    }

    // 在院人数列表
    .in_hospital_list {
        position: absolute;
        left: 20px;
        top: 190px;

        .table {
            width: 438px;

            :global(.ant-table) {
                background: none;
            }

            :global(.ant-table-cell-scrollbar) {
                box-shadow: none;
            }

            :global(.ant-table-thead) {
                tr>th {
                    font-size: 20px !important;
                    font-weight: bold;
                    color: #41bdf5;
                    background: none;
                    border-color: #41bdf5;
                }
            }

            :global(.ant-table-tbody) {
                tr>td {
                    font-size: 20px !important;
                    color: #41bdf5;
                    background: none !important;
                    border-color: #41bdf5;
                }
            }

            :global(.ant-table-body) {
                overflow-y: auto;

                &::-webkit-scrollbar {
                    width: 4px;
                    height: 4px;
                    background-color: rgba(0, 0, 0, 0);
                }

                &::-webkit-scrollbar-track {
                    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
                    border-radius: 4px;
                    background-color: rgba(0, 0, 0, 0);
                }

                &::-webkit-scrollbar-thumb {
                    border-radius: 4px;
                    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
                    background-color: #1890ff;
                }
            }

        }

        .img {
            display: block;
            margin: 10px auto 0 auto;
        }

    }

    // 风险标签
    .risk_label {
        position: absolute;
        left: 20px;
        top: 230px;
        width: 440px;

        .tit {
            font-family: YouSheBiaoTiHei;
            color: #41BDF5;
            text-align: left;
            font-size: 30px;
        }

        .riskLabel {
            color: #F86463;
            border: 1px solid #F86463;
            padding: 2px 10px;
            display: inline-block;
            margin: 2px;
            border-radius: 2px;
        }
    }

}